<!doctype html>
<html class="no-js" lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>常见问答</title>
    <meta name="description" content="Xolio - Creative Agency Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="__TMPL__/public/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/animate.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/magnific-popup.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/odometer.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/slick.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/default.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/style.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/responsive.css">


    <style>
        .banner_box .swiper-pagination-bullet{
            margin:0 10px!important;
            overflow: hidden;
        }
        .banner_box .banner_img{
            width:100%;
        }
        .banner_box{
            width: 100%;
            overflow:hidden;
        }
        .cont_box{
            width: 100%;
            border-radius: 8px;
            background-color:#f8fafb;
            padding:10px 15px;
        }

        .title{
            font-size: 24px;
            line-height: 50rpx;
            margin:20px 0;
            color: #000;
        }

        .list_box{
            width: 100%;
            height: 500px;
            overflow: hidden;
            overflow-y: auto;
        }

        .info_box{
            width: 100%;
            display: flex;
            padding:10px 0;
            border-bottom: 1px dashed #dedede;
        }

        .info_box .F-tit{
            font-size: 16px;
            line-height: 40px;
            font-weight: 600;
            color: #3284c9;
            display: flex;
            justify-content: flex-end;
            width: 150px;
            margin-right: 10px;
            text-align: right;
        }
        .info_box .F-tit img{
            width: 30px;
            height: 30px;
            margin-top: 5px;
            margin-right: 8px;
        }

        .info_box .text_box{
            font-size: 16px;
            line-height: 40px;
            color: #626262;
            font-weight: 600;

        }
        .info_box .text_box span{
            margin-left: 15px;
            font-weight: 500;
        }

        .form_box{
            width: 100%;
            display: flex;
            justify-content: flex-start;
        }

        .form_box .btn{
            width: 100px;;
            height: 50px;
            line-height: 50px;
            color: #fff;
            font-size: 16px;
            background-color: #5ba1ed;
            text-align: center;
            padding:0;
            margin:0;
            border-radius: 0;
        }
        .form_box input{
            width: calc( 100% - 100px );
            border: 2px solid #5ba1ed;
            backdrop-filter: blur(21px);
            background: transparent;
            border-radius: 0;
            letter-spacing: 0.0833333px;
            color: #AAAAAA;
            font-size: 16px;
            padding: 22px 30px 22px 25px;
            height: 50px;
            display: block;;
        }

        .pagination1 {
            display: inline-block;
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px;
        }
        .pagination1>li {
            display: inline;
        }
        .pagination1>li:first-child>a, .pagination1>li:first-child>span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }
        .pagination1>.disabled>span, .pagination1>.disabled>span:hover, .pagination1>.disabled>span:focus, .pagination1>.disabled>a, .pagination1>.disabled>a:hover, .pagination1>.disabled>a:focus {
            color: #b3b3b3;
            background-color: #fff;
            border-color: #ddd;
            cursor: not-allowed;
        }
        .pagination1>li>a, .pagination1>li>span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #333333;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

    </style>
</head>
<body>


<!--loading -->

<include file="public@nav"/>

<!-- 头部 -->



<!-- main-area -->
<main>

    <!-- banner -->
    <section class="banner-area banner-bg">
        <div class="banner_box">
            <div class="swiper-wrapper">
                <foreach name="slide_list" item="vo">
                    <div class="swiper-slide"><img class="banner_img" src="{:cmf_get_image_url($vo.image)}" alt="" /></div>
                </foreach>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </section>

    <!-- blog-details-area -->
    <section class="blog-details-area pt-10 pb-10">
        <div class="container">
            <div class="row justify-content-center">


                <div class="title">常见问答</div>
                <div class="cont_box">


                    <div class="list_box">
                        <!-- 循环开始 -->

                        <foreach name="list" item="vo">

                            <div class="info_box">
                                <div class="F-tit"><img src="__TMPL__/public/static/image/people.png"/>{$vo.TeacherName.user_name}:</div>
                                <div class="text_box">{$vo.description}<span> [{:date('Y-m-d',$vo.create_time)}] </span></span></div>
                            </div>

                            <div class="info_box">
                                <div class="F-tit"><img src="__TMPL__/public/static/image/da_icon.png"/>{$vo.TeacherName.teacher_name}:</div>
                                <div class="text_box">{$vo.answer}<span> [{:date('Y-m-d',$vo.create_time)}]</span></span></div>
                            </div>


                        </foreach>



                        <!-- 循环结束 -->
                    </div>


                    <div class="1">
                        {$pagination}
                    </div>
                    <div>

                    </div>


                    <div class="form_box">
                        <input type="hidden" value="{$id}" name="id" id="id">
                        <button type="button" class="btn" id="btn1">提问</button>
                        <input type="text" class="form-control" id="recipient-name" />
                    </div>


                </div>


            </div>
        </div>
    </section>
    <!-- blog-details-area-end -->



</main>
<!-- main-area-end -->



<!-- 页尾 -->
<footer>
    <div class="footer-area">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="logo">
                                <a href=""
                                ><img src="__TMPL__/public/static/picture/w_logo.png" alt=""
                                /></a>
                            </div>
                            <div class="footer-contact">
                                <span>九鼎返佣网</span>
                                <span>你外汇交易的贴身管家</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-8">
                        <div class="footer-widget">
                            <div class="fw-link">
                                <ul class="list-wrap">
                                    <li><a href="">联系电话</a>  <span>0531-1234567</span></li>
                                    <li><a href="">邮   件</a>  <span>asdfghhjl</span></li>
                                    <li><a href="">工作时间</a>  <span>周一至周日9:00-22:00</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="footer-widget">
                            <div class="fw-link">
                                <ul class="list-wrap">
                                    <li><a href="">链接</a></li>
                                    <li><a href="">推荐平台</a></li>
                                    <li><a href="">关于我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="footer-about">
                                <ul class="list_img">
                                    <li>
                                        <img src="__TMPL__/public/static/image/code.png" alt="" /><a
                                            href="mailto:company@gmail.com"
                                    >扫码加QQ群</a
                                    >
                                    </li>
                                    <li>
                                        <img src="__TMPL__/public/static/image/code.png" alt="" /><a
                                            href="mailto:company@gmail.com"
                                    >扫码加QQ群</a
                                    >
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <div class="copyright-text text-end">
                            <p>
                                {$site_info.site_static|default=''}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- 页尾 -->



<!-- JS here -->
<script src="__TMPL__/public/static/js/jquery-3.6.0.min.js"></script>
<script src="__TMPL__/public/static/js/bootstrap.min.js"></script>
<script src="__TMPL__/public/static/js/isotope.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/imagesloaded.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.magnific-popup.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.odometer.min.js"></script>
<script src="__TMPL__/public/static/js/swiper-bundle.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.appear.js"></script>
<script src="__TMPL__/public/static/js/slick.min.js"></script>
<script src="__TMPL__/public/static/js/ajax-form.js"></script>
<script src="__TMPL__/public/static/js/parallax.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.parallaxScroll.min.js"></script>
<script src="__TMPL__/public/static/js/tween-max.js"></script>
<script src="__TMPL__/public/static/js/wow.min.js"></script>
<script src="__TMPL__/public/static/js/main.js"></script>

<script>
    //轮播图
    var mySwiper = new Swiper(".banner_box", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
    });

    $(function(){
        $("#btn1").click(function(){
            console.log(123)
            var recipient = $('#recipient-name').val();
            var id = $('#id').val();
            if (!recipient){
                alert('请输入内容')
                return false
            }
            $.ajax({
                url: 'addAnswer', type: "post", dataType: "json", data: {recipient: recipient,type:2,id:id}, success: function (data) {
                    console.log(data)
                    if (data.code != 1) {

                        alert(data.msg)

                    } else {
                        alert(data.msg)

                        setTimeout(function() {
                            location.reload()
                        }, 2000);
                    }
                }
            });
        });



    })

</script>
</body>
</html>
